<template>
    <div class="jacIcon">
      <div class="iconBox"
        v-for="(item, index) of iconList"
        :key = "index"
      >
        <div class="imgBox">
          <img :src="item.imgUrl" alt="">
        </div>
        <span>{{item.text}}</span>
      </div>
      <KnowJac></KnowJac>
    </div>
</template>

<script>
import KnowJac from '@/common/knowJac/KnowJac'
export default {
  name: 'JacIcon',
  data () {
    return {
      iconList: [
        {imgUrl: 'https://www.juaicai.cn:443/wap/images/wap_index/himg1.png', text: '国企华远集团投资'},
        {imgUrl: 'https://www.juaicai.cn:443/wap/images/wap_index/himg2.png', text: '银行存管'},
        {imgUrl: 'https://www.juaicai.cn:443/wap/images/wap_index/himg3.png', text: '安全运营'}
      ]
    }
  },
  components: {
    KnowJac
  }
}
</script>

<style lang = 'stylus' scoped>
.jacIcon
  width: 7.3rem
  margin :0 auto
  background : #ffffff
  overflow: hidden
  padding-top: .5rem
  .iconBox
    float left
    width : 33.33%
    text-align : center
    .imgBox
      height: 1.3rem
      img
        width : 1rem
        display: block
        margin: 0 auto
    span
      clear: both
</style>
